<section id="form-inputs">
    <h2 class="page-header">Prepended & Appended Form Inputs</h2>
    <div class="row">
        <div class="span3">
            <form>
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-envelope"></i></span>
                    <input class="span2" type="text" placeholder="Email address">
                </div>
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-key"></i></span>
                    <input class="span2" type="password" placeholder="Password">
                </div>
            </form>
        </div>
        <div class="span9">
            {% highlight html %}
            <form>
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-envelope"></i></span>
                    <input class="span2" type="text" placeholder="Email address">
                </div>
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-key"></i></span>
                    <input class="span2" type="password" placeholder="Password">
                </div>
            </form>
            {% endhighlight %}
        </div>
    </div>
</section>